<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script> -->
    <script src="https://cdn.bootcdn.net/ajax/libs/axios/1.2.0/axios.min.js"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.2.3/js/bootstrap.min.js"></script>
    <script src="./index.js"></script>
   </body>
</html>
<!-- 图书管理的增删改查 -->
<!-- 查询：使用map获取数据然后将数据渲染到表单中 -->
<!-- 新增数据；使用了bootstrap可选 serialize收集数据 准备表单，收集数据到服务器保存，最后刷新表单 -->
<!-- 删除：先给删除绑定点击事件 调用删除接口得到待删除数据的id 在axios中删除数据 最后将数据刷新表单 -->
<!-- 编辑 ：使用一个表单编辑图书的信息 使用axios接口编辑完成后在使用keys.forEach回显到表单 给修改绑定修改事件将数据传入到服务器然后使用刷新表单 -->